<!DOCTYPE html>
<html>
<head>
 <title>个人中心</title>
	    <link href="/mobile/css/bootstrap.css" rel='stylesheet' type='text/css'/>
	    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
         <script src="/mobile/js/jquery.min.js"></script>
	    <meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="Payroll Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
		Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		<link rel="stylesheet" href="/mobile/css/flexslider.css" type="text/css" media="screen" />
		<link href="/mobile/css/style.css" rel="stylesheet" type="text/css" media="all" />
		<link href='https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>
        <!---- start-smoth-scrolling---->
		<script type="text/javascript" src="/mobile/js/move-top.js"></script>
		<script type="text/javascript" src="/mobile/js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
		<script src="/mobile/js/jquery.easydropdown.js"></script>
		<script src="/mobile/js/cbpViewModeSwitch.js" type="text/javascript"></script>
               

</head>
<body>

				<div class="header">
				 <div class="container">	
				   <div class="logo">
					<a href="index.html"><img src="/mobile/images/logo.png" alt=""/></a>
				</div>
					<div class="top-menu">
						<span class="menu"></span>
						<ul>
							<li><a href="/mobile">主页</a></li>
							<li><a href="about.html">我的班级</a></li>
							<li><a href="about.html">关于三Z</a></li>
							<li><a class="active" href="/mobile_per/">个人中心<lable><img src="/mobile/images/line.png"></lable></a></li>
							</ul>
							</div>
							<script>
			$("span.menu").click(function(){
				$(".top-menu ul").slideToggle("slow" , function(){
				});
			});
		</script>
		<!-- script-for-menu -->
							<!-- start search-->
				    <div class="search-box">
					    <div id="sb-search" class="sb-search">
							<form>
								<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
								<input class="sb-search-submit" type="submit" value="">
								<span class="sb-icon-search"> </span>
							</form>
						</div>
				    </div>
					<!-- search-scripts -->
					<script src="/mobile/js/classie.js"></script>
					<script src="/mobile/js/uisearch.js"></script>
						<script>
							new UISearch( document.getElementById( 'sb-search' ) );
						</script>
					<!-- //search-scripts -->
				<div class="clearfix"></div>
			</div>

		<!-- script-for-nav -->
				<script>
					$(document).ready(function(){
						$("span.menu").click(function(){
							$(".top-nav ul").slideToggle(1000);
						});
					});
				</script>
		<!-- script-for-nav -->
		<!-- /top-nav -->
                   <div class="clearfix"></div>
				</div>
		 </div>
		  <!-- header-section-ends -->
		<div class="banner">
		  	<div class="container">
		  	<h3>个人中心</h3>
		  	</div>
		</div>
		  	<div class="content">

		  	<div class="filter_box">
			<div class="filter_grid">
				<div class="col-md-10 filter_nav">
					  <ul class="resp-tabs-list">
						  <li class="resp-tab-item" aria-controls="tab_item-0" role="tab"><span>主页</span></li> 
						  <li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><span>我的班级</span></li> 
						  
						  <li class="resp-tab-item resp-tab-active" aria-controls="tab_item-3" role="tab"><a href="/mobile_per/"><span>个人中心</span></a></li> 
						  
						  <div class="clearfix"></div>
					  </ul>
				</div>
				
				<div class="clearfix"></div>
			</div>
		</div>
		  	<div class="contact-text">
		  	<div class="container">
		  		<h3>修改个人资料</h3>
		  	</div>
            </div>
               <div class="contact-details">
               	<div class="container">
               		


               	 	<div class="col-md-6 contactdetails-grid">
					<form method="post" action="/save_info/" enctype= "multipart/form-data">
               			<p>请完善你的个人资料<span></span></p>
               			
               			<h4>头像 <span>*</span><h4>
               			<input type="file" name="face">
						{if condition="$info['face']==null"}
               			<img src="/mobile/images/t4.jpg">
						{else /}
						<img src="/uploads/{:session('web.face')}">
						{/if}
               			<h4>昵称 <span>*</span><h4>
               			<input type="text" name="nickname" value="{$info['nickname']}">
               			<h4>姓名 <span>*</span><h4>
               			<input type="text" name="name" value="{$info['name']}">
               			<h4>性别<span>*</span><h4>
						<label class="am-radio-inline">
                      	<input type="radio"  value="1"  name="sex" {$info['sex']==1?'checked':''}> 男
                    	</label>
                    	<label class="am-radio-inline">
                      	<input type="radio"  value="0"  name="sex" {$info['sex']==0?'checked':''}> 女
                    	</label>
                    	<label class="am-radio-inline">
                      	<input type="radio"  value="2"  name="sex" {$info['sex']==2?'checked':''}> 保密
                    	</label>
               			

               			<h4>邮箱<span>*</span><h4>
               			<input type="text" name="email" value="{$info['email']}">
               			<h4>电话 <span>*</span><h4>
               			<input type="text" name="tel" value="{$info['tel']}">
               			<h4>请输入密码 <span>*</span><h4>
               			<input type="text" name="pass">
               			<h4>请重新输入 <span>*</span><h4>
               			<input type="text" name="repass">
               			
               			<div class="entercode-grid">
               			
               			<div class="clearfix"></div>
               				
               			</div>
               			<input type="submit" value="保存修改">
					</form>
               		</div>


               		
               		<div class="col-md-6 contactdetails-grid1">
               		
               			<div class="clearfix"></div>
               		
               		</div>
               	</div>
            </div>
           <div class="footer">
				<div class="container">
					<div class="clearfix"></div>
					<div class="footer-bottom">
 						<p>Copyright &copy; 2018.Company 三Z All rights reserved.更多请访问网页版<a href="http://www.yunxiangyishang.xin/" target="_blank" title="三Z网校">三Z网校</a> - Collect from <a href="http://www.cssmoban.com/" title="三Z网校" target="_blank">三Z网校</a></p>
         			</div>
                  <script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
					<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
                 </div>
			</div>
</body>
</html>
